
<style>
    #map{
        border: 1px solid #ccc;
        margin-left: 0;width: 68.3%;
        background-color: #0c91e5;
        height: 620px;
    }
</style>

<h3 class="page-title">制作航路计划
    <small>Route plan</small>
</h3>
<ul class="breadcrumb">
    <li>
        <i class="icon-home"></i>
        <a href="../temp/index.html">Home</a>
        <i class="icon-angle-right"></i>
    </li>
    <li><a href="#">首页</a></li>
    <li class="pull-right no-text-shadow">
        <div id="dashboard-report-range">
            {{utc}} UTC
        </div>
    </li>
</ul>


<div id="main">
    <div class="row-fluid">

        <div class="span4">
            <!--BEGIN TABS-->
            <div class="tabbable tabbable-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab_1_1" data-toggle="tab">航路</a></li>
                    <li class=""><a href="#tab_1_2" data-toggle="tab">摘要</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_1_1">

                        <div class="row-fluid">
                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label">离港机场：</label>
                                    <div class="controls">
                                        <div class="chzn-container span12 chzn-container-single">
                                            <a href="javascript:void(0)" style="padding-top: 1px;" ng-click="toggle()" class="chzn-single chzn-single-with-drop">
                                                <span class="selectSearch">{{currentLeaveAirport.ident}}</span>
                                                <div>
                                                    <b></b>
                                                </div>
                                            </a>
                                            <div class="chzn-drop" style="width: 428px;top:31px;" ng-show="visible">
                                                <div class="chzn-search">
                                                    <input name="departAirport" ng-model="search.leaveAirport" type="text" autocomplete="off" style="width: 393px;">
                                                </div>
                                                <ul class="chzn-results">
                                                    <li class="active-result" data-value="-1">输入关键字进行查找</li>
                                                    <li class="active-result" ng-click="checked(airport)" ng-repeat="airport in LevAirportList">
                                                        <span class="ident">{{airport.ident}}</span>
                                                        <span class='airport-name'>{{airport.name}}</span>
                                                        <span class='airport-country'>{{airport.country}}</span>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label">离港跑道</label>
                                    <div class="controls">
                                        <select class="span12 m-wrap" ng-model="leaveRwy" ng-disabled="leavelRwyisNotOptional">
                                            <option value="-1"> -- </option>
                                            <option value="{{runway.navRunwayEnd.runwayEndId}}" ng-repeat="runway in LevRnwayList">{{runway.navRunwayEnd.name}}&nbsp &nbsp{{runway.length | number}}m</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label">SID/DP</label>
                                    <div class="controls">
                                        <select class="span24 m-wrap" ng-model="sid" ng-disabled="sidIsDisabled">
                                            <option value="-1"> -- </option>
                                            <option ng-repeat="sid in sids" value="{{sid.approachId}}">{{sid.fixIdent}}&nbsp &nbsp&nbsp &nbsp {{sid.fixType}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="span3 ">
                                <div class="control-group">
                                    <label class="control-label">Last Name</label>
                                    <div class="controls">
                                        <input type="text" class="m-wrap span12" placeholder="Lim">
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="row-fluid">
                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label">到港机场：</label>
                                    <div class="controls">
                                        <div class="chzn-container span12 chzn-container-single">
                                            <a href="javascript:void(0)" ng-click="arrToggle()" style="padding-top: 1px;" class="chzn-single chzn-single-with-drop">
                                                <span class="selectSearch">{{currentArrAirport.ident}}</span>
                                                <div>
                                                    <b></b>
                                                </div>
                                            </a>
                                            <div class="chzn-drop" style="width: 428px;top:31px;" ng-show="arrVisible">
                                                <div class="chzn-search">
                                                    <input type="text" ng-model="search.arrivalAirport" autocomplete="off" style="width: 393px;">
                                                </div>
                                                <ul class="chzn-results">
                                                    <li class="active-result" data-value="-1">输入关键字进行查找</li>
                                                    <li class="active-result" ng-click="arrChecked(airport)" ng-repeat="airport in ArrAirportList">
                                                        <span class="ident">{{airport.ident}}</span>
                                                        <span class='airport-name'>{{airport.name}}</span>
                                                        <span class='airport-country'>{{airport.country}}</span>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="span3 ">
                                <div class="control-group">
                                    <label class="control-label">到港跑道</label>
                                    <div class="controls">
                                        <select class="span12 m-wrap" ng-model="arrivalRwy" ng-disabled="arrivalRwyisNotOptional">
                                            <option value="-1"> -- </option>
                                            <option value="{{runway.runwayId}}" ng-repeat="runway in arRnwayList">{{runway.navRunwayEnd.name}}&nbsp &nbsp{{runway.length | number}}m</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label">STAR</label>
                                    <div class="controls">
                                        <select class="span24 m-wrap" ng-model="star" ng-disabled="starIsDisabled">
                                            <option value="-1"> -- </option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="span3 ">
                                <div class="control-group">
                                    <label class="control-label">1</label>
                                    <div class="controls">
                                        <input type="text" class="m-wrap span12" placeholder="Lim">
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="row-fluid">
                            <div class="span6">
                                <div class="control-group">
                                    <label class="control-label">大圆</label>
                                    <div class="controls">
                                        <input type="text" class="m-wrap span12" readonly placeholder="Chee Kin">
                                    </div>
                                </div>
                            </div>

                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label">计划</label>
                                    <div class="controls">
                                        <input type="text" class="m-wrap span12" readonly placeholder="Chee Kin">
                                    </div>
                                </div>
                            </div>

                            <div class="span3 ">
                                <div class="control-group">
                                    <label class="control-label">Last Name</label>
                                    <div class="controls">
                                        <input type="text" readonly class="m-wrap span12" placeholder="Lim">
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div style="min-height: 206px">
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>airWay</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th class="hidden-480">Username</th>
                                    <th>Status</th>
                                </tr>
                                </thead>

                                <tbody>

                                </tbody>

                            </table>
                        </div>


                        <div class="row-fluid">
                            <textarea style="resize: none;height:100px;overflow-y: scroll" class="span24 m-wrap"></textarea>
                        </div>


                    </div>

                    <div class="tab-pane" id="tab_1_2">
                        5555666
                    </div>


                </div>

            </div>

            <!--END TABS-->

        </div>

        <div id="map" class="span8">123456</div>


    </div>
</div>
